@charset "utf-8";
.radioLabel {
    font-weight: 500;
    font-size: x-large;
}

section.paymentDetails {
    padding-top: 1.5em;
}

fieldset p:first-of-type {

}

i[class*="fa-cc"] { /* style the cc icons */
    font-size: 1.3em;
    margin: 0 .15em;
    color: #7E111B;
}
.fab.fa-paypal {
    color: #0D0C6C;
}
.fas.fa-envelope-square {
    color: #17A398;
}



#payment .field { /* need this so we can position icon within input field */
    position: relative;
    color: #07352A;
}

.fieldIcon { /* position the field icon */
    position: absolute;
    top: 50%;
    right: 3%;
    color: #430405;
}
/* legal links */
.extra ul {
    border-top: solid 1px #d8d8d8;
    display: inline-block;
    padding: .5em 0;
}
.extra li {
    display: inline-block;
    padding-right: 1em;
}
.extra li:last-of-type {
    padding-right: 0;
}
.extra a {
    text-decoration: none;
    font-size: medium;
    margin-right: 13px;
}
.extra:hover {
    color: #DC55E9;
}

/* ADD Helptip CSS rules */
/* helper text */
.fieldAndHelper {
    position: relative;
}

.helperText {
    background-color: #e2fcfd;
    border: solid 1px #26a3a8;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2;
    color: #262525;
    padding: 1em .75em .5em;
    font-size: 1em;
    position: absolute;
    top: -162px;
    right: -17px;
    width: 815%;
}

.helperText i.fas.fa-caret-down {
    position: absolute;
    right: 20px;
    bottom: -9px;
    color: #26a3a8;
}

.helperText i.fas.fa-times-circle.close {
    position: absolute;
    right: -9px;
    top: -7px;
    color: #26a3a8;
}

 .hide { display: none;}
.show {display: block;}
/* end helper text */


@media (min-width: 370px){
.extra {
    color: #420506;
    margin-left: 7px;
    padding-left: 7px;
}
.extra a {
    text-decoration: none;
    font-size: small;
    margin-right: 13px;
    color: #420405;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    background-image: -webkit-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: -o-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: linear-gradient(180deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    -webkit-box-shadow: 0px 0px 4px 1px #4B0709;
    box-shadow: 0px 0px 4px 1px #4B0709;
}
.extra a:hover {
    color: #DC55E9;
}
.extra a:hover {
    color: #DC55E9;
}
	
	
}

@media (min-width: 400px){
.extra {
    color: #420506;
}
.extra a {
    text-decoration: none;
    font-size: small;
    margin-right: 13px;
    color: #FFFFFF;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    background-image: -webkit-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: -o-linear-gradient(270deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    background-image: linear-gradient(180deg,rgba(4,77,62,0.48) 0%,rgba(25,123,103,0.48) 100%);
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    -webkit-box-shadow: 0px 0px 4px 1px #4B0709;
    box-shadow: 0px 0px 4px 1px #4B0709;
}
.extra a:hover {
    color: #DC55E9;
}
.extra a:hover {
    color: #DC55E9;
}
#diffAddress .field.third #zip {
    width: 49%;
}

	
	
}


 
